<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="center">跑腿小程序</div>
    </v-ons-toolbar>

    <v-ons-tabbar swipeable
                  position="bottom"
                  :tabs="tabs"
                  :visible="true"
                  :index.sync="activeIndex">
    </v-ons-tabbar>

  </v-ons-page>
</template>

<script>
  import Home from './Home' // 首页
  import OrderList from './OrderList' // 订单列表
  import User from './User' // 用户中心
  export default {
    data() {
      return {
        activeIndex: 0,
        tabs: [
          {
            icon: 'home',
            label: '首页',
            page: Home,
            key: "Home"
          },
          {
            icon: 'th-list',
            label: '订单',
            page: OrderList,
            key: "OrderList"
          },
          {
            icon: 'user',
            label: '我的',
            page: User,
            key: "User"
          },
        ]
      };
    }
  }
</script>

<style scoped>

</style>
